<!DOCTYPE html>
<html>
<head>
	<title></title>
	<meta charset="utf-8">
	<meta name="viewport" id="viewport" content="width=device-width, initial-scale=1">
</head>
<style type="text/css">
	.wrap{ max-width: 750px; margin: 0 auto;}
	.left{ height: 1000px; }
	ul{ list-style: none; }
    #btn{ border: none; background: red; width: 100px; height: 40px; outline: none;}
</style>
<body>
<div class="wrap">
	<div class="left">
		<ul>
			<li class="active grey2"><span></span><a href="javascript:;">爱玩书</a></li>
			<li class="grey2"><span></span><a href="javascript:;">宝宝图书宝宝图书宝宝图书</a></li>
			<li class="grey2"><span></span><a href="javascript:;">座椅童年</a></li>
			<li class="grey2"><span></span><a href="javascript:;">食品饮料</a></li>
			<li class="grey2"><span></span><a href="javascript:;">食品饮料1</a></li>
			<li class="grey2"><span></span><a href="javascript:;">食品饮料2</a></li>
			<li class="grey2"><span></span><a href="javascript:;">食品饮料</a></li>
			<li class="grey2"><span></span><a href="javascript:;">食品饮料1</a></li>
			<li class="grey2"><span></span><a href="javascript:;">食品饮料2</a></li>
			<li class="grey2"><span></span><a href="javascript:;">食品饮料1</a></li>
			<li class="grey2"><span></span><a href="javascript:;">食品饮料2</a></li>
			<li class="grey2"><span></span><a href="javascript:;">食品饮料</a></li>
			<li class="grey2"><span></span><a href="javascript:;">食品饮料1</a></li>
			<li class="grey2"><span></span><a href="javascript:;">食品饮料2</a></li>
		</ul>
	</div>
	<div class="right"></div>
</div>
<script type="text/javascript">
	var  oBtn=document.getElementById("btn");
	oBtn.onclick=function(){
		alert(1)
		this.disabled="true"
	}
</script>
</body>
</html>